<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Elead SSO</title>
<link rel="stylesheet" href="./css/password.css" th:href="@{/css/login/password.css}">
<link rel="stylesheet" href="./css/progressIndicator.css" th:href="@{/css/login/progressIndicator.css}">
<link rel="stylesheet" href="./css/login.css" th:href="@{/css/login/default/login.css}">
<link rel="shortcut icon" href="./favicon.ico" th:href="@{/favicon.ico}">
<script src='https://cdn.bootcss.com/jquery/3.3.1/jquery.js'></script>
<style type="text/css">
.login-wrapper {
	width: 500px;
	height: 400px;
}

.content-right {
	width: 100%;
}

.right-form-wrapper {
	margin-top: 20px;
}
#AutoComplete{background:#fff;border:1px solid #4190db;display:none;width:200px;}
#AutoComplete ul{list-style-type:none;margin:0;padding:0;}
#AutoComplete li{color:#333;cursor:pointer;font:14px/24px \5b8b\4f53;text-indent:5px;}
#AutoComplete .hover{background:#6eb6fe;color:#fff;}
</style>
</head>
<body>
	<header class="header">
		<div class="logo">
			<img class="logo-img" src="./images/logo.png" th:src="@{/images/logo.png}" alt="">
		</div>
	</header>
	<div class="progress">
		<ul class="SteppedProgress">
			<li class="complete"><span>填写邮箱</span></li>
			<li class="complete"><span>验证身份</span></li>
			<li class="complete"><span>设置新密码</span></li>
			<li class=""><span>完成</span></li>
		</ul>
	</div>
	<div class="login-wrapper">
		<div class="content-right">
			<div class="right-header">
				<h1 class="right-header-h2">修改/密码找回</h1>
			</div>
			<div class="right-header">
				<span class="right-header-span">请输入新密码</span>
			</div>
			<div class="right-form-wrapper">
				<form method="POST" onsubmit="return handleSubmit()" th:action="${#request.contextPath}+'/password/edit'">
					<div class="username-wrapper">
	                    <input onfocus="usernameInputFocus()" class="username username-input-default" type="text" name="username" id="username" th:value="${username}"  disabled="disabled" placeholder="工号/账号/手机/邮箱">
	                	<input class="email username-input-default" type="text" name="userId" id="id"  th:value="${userId}" hidden="true" autocomplete="off" placeholder="邮箱">
                		<p class="password-error opacity1" th:text="${errorMsg}"></p>
                	</div>
					<div class="username-wrapper">
	                    <input class="password password-input-error" type="password" name="password" autocomplete="off" id="password" value="" placeholder="新密码">
                		<p class="password-error opacity1"></p>
                	</div>
					<div class="username-wrapper">
	                    <input class="password password-input-error" type="password" name="newPassword" id="newPassword" autocomplete="off" value="" placeholder="再次输入新密码">
                		<p class="password-error opacity1"></p>
                	</div>
					<div class="submit-btn-wrapper">
						<button type="submit"  class="submit-btn">重置密码</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
<script type="application/javascript" th:src='@{/js/password.js}'></script>
</html>


